<section class="box">
  <header class="panel_header">
    <h2 class="title pull-left">{{cat.catName | categoryName}} {{'类目店铺排行榜'|translate}}<b class="date pl5">{{vm.date | dateFormat}}</b></h2>
    <div class="pull-right">
      <a class='right' mat-raised-button color="primary" (click)="export()">{{'下载'|translate}}</a>
    </div>
  </header>
  <div class="content-body" style="position: relative;">
    <ngx-busy [busy]="busy"></ngx-busy>
    <table class="responsive-table striped">
      <thead>
        <tr>
          <th class="rankTh">{{'排名'|translate}}</th>
          <th *ngFor="let column of columns;let $index = index" st-sort [st-sort]="column" [st-sort-data]="param" (sortChanged)="sortChanged($event)"  [innerHTML]="column.title |translate"> </th>
        </tr>
      </thead>
      <tbody>
        <tr *ngFor="let shop of shops;let $index=index;">
          <td>
            <a href="javascript:void(0);" [ngClass]="{'ui circular label':true,'yellow color-w':$index==0,'grey color-w':$index==1,'orange color-w':$index==2}">{{$index + 1}}</a>
          </td>
          <td>
            <p class="nick-p" style="margin: 0;">
              <span class="taobao-icon" [ngClass]="{'icon-service-tianmao':shop.shopType=='商城','icon-service-taobao':shop.shopType=='C店'||shop.shopType==null,'icon-service-tianmaoguoji':shop.shopType =='天猫国际','icon-fest-quanqiugou':shop.shopType =='全球购'}"></span>

              <a href="javascript:;" class="text-overflow width180 normal" [title]="shop.shopName" [matTooltip]="shop.shopName" matTooltipPosition="above">{{shop.shopName}}</a>
              <a class="grey-text" title="去淘宝" href="http://store.taobao.com/shop/view_shop.htm?user_number_id={{shop.uid}}" target="_blank"><i class="fa fa-external-link cp f16"></i></a>
              <!-- shopDetail -->
              <!-- <go-detail-directive data="shop" type="shopDetail"></go-detail-directive> -->
            </p>
          </td>
          <!-- 日销 -->
          <td><span class="tm-yen">¥</span>{{shop.sellMoney | bigNum}}</td>
          <td>{{shop.sellAmount | number:0}}</td>
          <!-- 月销 -->
          <td><span class="tm-yen">¥</span>{{shop.monthSellMoney | bigNum}}</td>
          <td>{{shop.monthSellAmount | number:0}}</td>
        </tr>
      </tbody>
    </table>
  </div>
</section>
